<template>
  <div class="content">
    <van-nav-bar title="主界面"/>
    <div class="main-content">
      <div class="main-menu-layout">
        <span class="menu-item" @click="gotoPlay">播放器</span>
        <span class="menu-item" @click="gotoList">课程</span>
      </div>
    </div>

  </div>
</template>
<script>
  export default {
    data(){
      return {
      }
    },
    mounted() {
    },
    methods:{
      gotoPlay(){
        this.$router.push("/videoPlayer")
      },
      gotoList(){
        this.$router.push("/list")
      },
    }
  }
</script>
<style scoped lang="less">
  .main-content {
    .main-menu-layout {
      display: flex;
      justify-content: space-around;
      margin-top: 60px;
      text-align: center;
      .menu-item {
        padding: 20px;
        background-color: green;
        color: whitesmoke;
      }
    }
  }

</style>